<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Genice</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/jquery.fullPage.css">
    <style>
        .section {font: "Microsoft Yahei"; }
    </style>
    <link href="/css/index.css" rel="stylesheet">
    <script src="/js/jquery-2.1.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/jquery.fullPage.min.js"></script>
    <script src="/js/index.js"></script>
</head>
<body>
<!--<nav class="navbar navbar-fixed-top" id="nav-hidden" style="height: 75px;overflow: hidden;top:-65px;position: fixed;">-->
    <!--<div class="navi-bg" style="opacity: 0.05;"></div>-->
    <!--<div class="nav-second-hidden">-->
        <!--<div class="navbar-header">-->
            <!--<img src="/images/cuptime.png"/>-->
        <!--</div>-->
        <!--<ul class="nav navbar-nav" id="nav-second-hidden">-->
            <!--<li><a href="#page1">主页</a></li>-->
            <!--<li><a href="#page2">概述</a></li>-->
            <!--<li><a href="#page3">功能</a></li>-->
            <!--<li><a href="#page4">工艺</a></li>-->
            <!--<li><a href="#page5">规格</a></li>-->
            <!--<li><a href="#page6">App</a></li>-->
            <!--<li><a href="#page7">视频</a></li>-->
            <!--<a href="/shop/product/cuptime" class="btn-pay">立即购买</a>-->
        <!--</ul>-->
    <!--</div>-->
<!--</nav>-->
<div class="navi-fixed" id="nav-hidden" style="top: -65px; opacity: 1;">
    <div class="navi-bg" style="opacity: 0.05;"></div>
    <div class="product1">
        <div class="p-navi">
            <div class="p-icon" style="float: left"><img src="../images/cuptime.png" width="123" height="65"></div>
            <div class="pn-list pn-theme">
                <a href="#page1" >主页</a>
                <a href="#page2" >概述</a>
                <a href="#page3" >功能</a>
                <a href="#page4" >工艺</a>
                <a href="#page5" >规格</a>
                <a href="#page6" >App</a>
                <a href="#page6" >视频</a>
                <a href="/shop/product/cuptime" class="pn-bye">立即购买</a>
            </div>
        </div>
    </div>
</div>
<nav class="navbar navbar-inverse navbar-fixed-top" style="height: 75px;">
    <div class="container" style="padding-top: 10px;">
        <div class="navbar-header">
            <img src="/images/logo.png" style="width: 161px;height: 38px;margin-top: 5px"/>
        </div>
        <div id="navbar" class="">
            <ul class="nav navbar-nav"  style="margin-left: 90px;">
                <li><a href="#">首页</a></li>
                <li><a href="#about">产品</a></li>
                <li><a href="#contact">应用下载</a></li>
                <li><a href="/outsourcing" target="_blank">服务</a></li>
            </ul>
            <div class="nav-log">
                <a href="/login">登录</a><a>|</a><a href="/register">注册</a>
            </div>
        </div>
    </div>
    <div class="nav-second">
        <div class="navbar-header">
            <img src="/images/cuptime.png"/>
        </div>
        <ul class="nav navbar-nav" id="nav-second">
            <li><a href="#page1">主页</a></li>
            <li><a href="#page2">概述</a></li>
            <li><a href="#page3">功能</a></li>
            <li><a href="#page4">工艺</a></li>
            <li><a href="#page5">规格</a></li>
            <li><a href="#page6">App</a></li>
            <li><a href="#page7">视频</a></li>
            <a href="/shop/product/cuptime" class="btn-pay">立即购买</a>
        </ul>
    </div>
</nav>
<div id="dowebok">
    <!--page1-->
    <div class="section" style="background: url(../images/page1-bg.jpg);text-align: center">
        <div class="cuptime-title">
            <img src="../images/page1-1.png" alt="" height="150" width="439">
        </div>
        <div class="cuptime-left opacit-stop">
            <img src="../images/page1-cup.png" alt="" height="395" width="255">
        </div>
        <div class="cuptime-right opacit-stop">
            <img src="../images/page1-cup.png" alt="" height="395" width="255">
        </div>
        <div class="cuptime-mp3">
            <div class="mp-zn mp-show"><img src="../images/page1-cup.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime2.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime3.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime4.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime5.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime6.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime7.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime8.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime9.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime10.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime11.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime12.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime13.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime14.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime15.png" alt="" height="570" width="368"></div>
            <div class="mp-zn"><img src="../images/cuptime16.png" alt="" height="570" width="368"></div>
        </div>
    </div>
    <!--page2-->
    <div class="section" id="section2">
        <div class="mecare-page mecare-page-two" id="#page-02-show" style="height: 513px;">
            <div class="pro-container">
                <div class="full-container1">
                    <div class="g-page">
                        <div class="cup-02 cuptime-02-01" style="top: 200.5px;">
                            <div class="cup-02-icon cup-02-10">
                                <img src="../images/2-1icon.png" alt="" width="100" height="111">
                            </div>
                        </div>
                        <div class="cup-02 cuptime-02-02" style="top: 200.5px;">
                            <div class="cup-02-icon cup-02-10">
                                <img src="../images/2-2icon.png" alt="" width="100" height="111">
                            </div>
                        </div>
                        <div class="cup-02 cuptime-02-03" style="top: 200.5px;">
                            <div class="cup-02-icon cup-02-10">
                                <img src="../images/2-3icon.png" alt="" width="100" height="111">
                            </div>
                        </div>
                        <div class="cuptime-02-04 opacit-stop"><img src="../images/cuptime-02-04.png" alt="" width="770" height="175"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--page3-->
    <div class="section" style="background-color: #000">
        <div class="mecare-page mecare-page-three" id="#page-03-show" style="height: 666px;">
            <div class="cup-03 cuptime-03-01 cup-03-stop">
                <div class="cup-03-btn"></div>
                <div class="cuptime-03-3">
                    <div class="cutptime-03-04" style="width: 1366px;"><img src="/public/images/cuptime/3-Cuptime.png" width="712" height="699"></div>
                </div>
            </div>
            <div class="pro-container">
                <div class="full-container">
                    <div class="g-page">
                        <div class="cup-03-title"><img src="../images/cup-03-title.png" width="578" height="173"></div>
                        <div class="cup-03-04 cup-03-lay">
                            <div class="cup-line cup-line-01 cup-stop-lay"></div>
                            <div class="cup-03-img cup-03-img-01 opacit-stop"><img src="../images/3-z3.png" width="266" height="83"></div>
                            <div class="cup-03-img cup-03-img-02 opacit-stop"><img src="../images/3-z4.png" width="256" height="86"></div>
                            <div class="cup-03-img cup-03-img-03 opacit-stop"><img src="../images/3-z1.png" width="237" height="95"></div>
                            <div class="cup-03-img cup-03-img-04 opacit-stop"><img src="../images/3-z2.png" width="227" height="91"></div>
                            <div class="cup-line cup-line-02 cup-stop-lay"></div>
                            <div class="cup-line cup-line-021 cup-stop-lay"></div>
                            <div class="cup-line cup-line-03 cup-stop-lay"></div>
                            <div class="cup-line cup-line-031 cup-stop-lay"></div>
                            <div class="cup-line cup-line-04 cup-stop-lay"></div>
                            <div class="cup-line cup-line-041 cup-stop-lay"></div>
                            <div class="cup-line cup-line-042 cup-stop-lay"></div>
                        </div>
                        <div class="cup-03 cuptime-03-02">
                            <div class="cuptime-03-3">
                                <div class="cutptime-03-04" style="width: 1366px;">
                                    <div class="cup-03-04">
                                        <img src="../images/3-Cuptime.png" width="712" height="699">
                                        <div class="cup-03-01">
                                            <!--圆点-->
                                            <div class="lem-05-qq cup-05-qq">
                                                <div class="lem-05-qa lem-05-qb"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-qc"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-hover"><img src="/public/images/3-qq1.png" alt="" width="34" height="34"></div>
                                            </div>
                                            <!--圆点-->
                                        </div>
                                        <div class="cup-03-01 cup-03-05">
                                            <!--圆点-->
                                            <div class="lem-05-qq cup-05-qq">
                                                <div class="lem-05-qa lem-05-qb"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-qc"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-hover"><img src="/public/images/3-qq1.png" alt="" width="34" height="34"></div>
                                            </div>
                                            <!--圆点-->
                                        </div>
                                        <div class="cup-03-01 cup-03-06">
                                            <!--圆点-->
                                            <div class="lem-05-qq cup-05-qq">
                                                <div class="lem-05-qa lem-05-qb"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-qc"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-hover"><img src="/public/images/3-qq1.png" alt="" width="34" height="34"></div>
                                            </div>
                                            <!--圆点-->
                                        </div>
                                        <div class="cup-03-01 cup-03-07">
                                            <!--圆点-->
                                            <div class="lem-05-qq cup-05-qq">
                                                <div class="lem-05-qa lem-05-qb"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-qc"><img src="/public/images/3-qq3.png" alt="" width="34" height="34"></div>
                                                <div class="lem-05-qa lem-05-hover"><img src="/public/images/3-qq1.png" alt="" width="34" height="34"></div>
                                            </div>
                                            <!--圆点-->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" onmousewheel="mouse(event)">
        <div class="mecare-page mecare-page-sever" id="#page-07-show" style="height: 666px;">
            <div class="pro-container">
                <div class="full-container">
                    <div class="k-page">
                        <div class="cup-07-tit" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);"><img src="../images/cup-07-title.png" alt="" width="849" height="184"></div>
                        <div class="cup-07">
                            <div class="cup-07-con">
                                <div class="cup-img cup-07-01" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-1.png" alt="" width="273" height="77">
                                    <div class="cup-07-title opacit-stop"><img src="../images/7-01.png" alt="" width="1100" height="54"></div>
                                </div>
                                <div class="cup-img cup-07-02" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-2.png" alt="" width="273" height="438">
                                    <div class="cup-07-title cup-07-t1 opacit-stop"><img src="../images/7-02.png" alt="" width="1100" height="72"></div>
                                </div>
                                <div class="cup-img cup-07-03" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-3.png" alt="" width="273" height="506">
                                    <div class="cup-07-title cup-07-t1 opacit-stop"><img src="../images/7-03.png" alt="" width="1100" height="51"></div>
                                </div>
                                <div class="cup-img cup-07-04" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-4.png" alt="" width="273" height="42">
                                    <div class="cup-07-title opacit-stop"><img src="../images/7-04.png" alt="" width="1100" height="44"></div>
                                </div>
                                <div class="cup-img cup-07-05" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-5.png" alt="" width="273" height="53">
                                    <div class="cup-07-title opacit-stop"><img src="../images/7-05.png" alt="" width="1100" height="44"></div>
                                </div><div class="cup-img cup-07-06" style="transform: translate3d(0px, 0px, 0px) scale(0.49, 0.49); -webkit-transform: translate3d(0px, 0px, 0px) scale(0.49, 0.49);">
                                    <div class="cup-07-title cup-07-t2 opacit-stop"><img src="../images/7-06.png" alt="" width="1100" height="54"></div>
                                    <div class="cup-x mpt-show"><img src="../images/hx0.png" alt="" width="433"></div>
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx1.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx2.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx3.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx4.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx5.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx6.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx7.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx8.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx9.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx10.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx11.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx12.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx13.png" alt="" width="433"></div>-->
                                    <!--<div class="cup-x cup-hx-01"><img src="../images/hx14.png" alt="" width="433"></div>-->
                                </div>

                                <div class="cup-img cup-07-07" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-7.png" alt="" width="273" height="19">
                                    <div class="cup-07-title opacit-stop"><img src="../images/7-07.png" alt="" width="1100" height="42"></div>
                                </div>
                                <div class="cup-img cup-07-08" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-8.png" alt="" width="273" height="49">
                                    <div class="cup-07-title opacit-stop"><img src="../images/7-08.png" alt="" width="1100" height="52"></div>
                                </div>
                                <div class="cup-img cup-07-09" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px);">
                                    <img src="../images/7-9.png" alt="" width="273" height="49">
                                    <div class="cup-07-title opacit-stop"><img src="../images/7-09.png" alt="" width="1100" height="42"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section">
        <h3>第五屏</h3>
    </div>
    <div class="section">
        <h3>第六屏</h3>
    </div>
    <div class="section" style="position:relative">
        <h3>第七屏</h3>
        <div class="container" style="text-align:center;width:100%;height: 130px;background-color: #000;position:absolute; bottom:0;">
            <footer class="footer" style="padding-top: 30px">
                <p>联系我们:4006-585-580</p>
                <p>©2014 Mecare. All rights reserved. 备案号：粤ICP备12034550号-1</p>
            </footer>
        </div>
    </div>
</div>

</body>
</html>